{#{% extends "cover_layout.html" %}#}
{#{% block content %}#}
{##}
{#    <div class="d-flex w-100 h-100 mx-auto flex-column">#}
{#        <header class="masthead mb-auto">#}
{#            <div class="navbar navbar-dark bg-dark shadow-sm">#}
{#                <div class="container d-flex justify-content-between">#}
{#                    <a href='{{ url_for('all') }}'><strong>高校数据分析</strong></a>#}
{#                    <nav class="nav nav-masthead justify-content-center">#}
{#                       <a class="nav-link" href='{{ url_for('hot') }}'>高校热度分析</a>#}
{#                        <a class="nav-link" href='{{ url_for('major') }}'>专业热度与平均薪资</a>#}
{#                      <a class="nav-link" href='{{ url_for('hot_major') }}'>热门专业</a>#}
{#                    <a class="nav-link" href='{{ url_for('work') }}'>就业前景</a>#}
{#                    </nav>#}
{#                </div>#}
{#            </div>#}
{#        </header>#}
{##}
{#         <div class="container">#}
{#                <div class="my-3 p-3 bg-white rounded shadow-sm">#}
{#                    <h4 class="border-bottom pt-2 pb-3 mb-0 ml-2">全国各省高校热度情况分析</h4>#}
{#                    <div class="d-flex text-muted pt-3 ml-2">#}
{#                        <svg class="bd-placeholder-img flex-shrink-0 me-2 rounded" width="40" height="40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#007bff"></rect><text x="50%" y="50%" fill="#ffffff" dy=".4em">1</text></svg>#}
{#                        <p class="ml-3 pb-3 mb-0 lh-sm" style="width: 90%;">#}
{#                            <strong class="d-block text-gray-dark mb-1">普通本科全国高校热度TOP15</strong>#}
{#                            <br>#}
{#                        <div style="margin-left:15px">{{tu2|safe}}</div>#}
{#                            <br>#}
{#                        <br>#}
{#                        <br>#}
{#                        <br>#}
{#                        - 左侧图表对周访问量和总访问量进行了分析，得出全国（本科）高校热度TOP15排名，热度的排序以周访问量与总访问量为参考依据。#}
{#                        <br>#}
{#                        <br>#}
{#                        - 通过对抓取到的数据进行分析，全国各大高校（本科）的总访问量中，最热门的前三所学校分别为厦门大学、四川大学和武汉大学，而全国顶尖高校清华、北大并没有排在很前面。<br>#}
{#                            <br>#}
{#                            <br>#}
{#                            <br>#}
{#                        </p>#}
{#                    </div>#}
{#                    <p><strong>结论：</strong>分析发现，全国最热门的前三所学校分别是厦门大学、四川大学和武汉大学。其中，总热度最高的厦门大学和近期热度较高的电子科技大学，均是211工程、985工程及一流大学建设高校A类。</p>#}
{#                    <p>分析的结果并不是说清华北大不够优秀，而是对于大部分考生来说，这两所学校是金字塔顶尖的，每年招生人数有限，只有成绩顶尖的学生才能考上。</p>#}
{#                    <br>#}
{#                    <div class="d-flex text-muted pt-3 ml-2">#}
{#                        <svg class="bd-placeholder-img flex-shrink-0 me-2 rounded" width="40" height="40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#e83e8c"></rect><text x="50%" y="50%" fill="#ffffff" dy=".4em">2</text></svg>#}
{#                        <p class="ml-3 pb-3 mb-0 lh-sm" style="width: 90%;">#}
{#                            <strong class="d-block text-gray-dark mb-1">全国专科(高职)院校热度TOP15</strong>#}
{#                            <br>#}
{#                        <div style="margin-left:15px">{{tu15|safe}}</div>#}
{#                            <br>#}
{#                        <br>#}
{#                        <br>#}
{#                        <br>#}
{#                        - 左侧图表对周访问量和总访问量进行了分析，得出全国专科(高职)院校热度TOP15排名，热度的排序以周访问量与总访问量为参考依据。#}
{#                        <br>#}
{#                        <br>#}
{#                        - 通过对抓取到的数据进行分析，全国各大专科(高职)院校的总访问量中，最热门的前三所学校分别为青岛港湾职业技术学院、日照职业技术学院、开封大学，这些都是一些比较知名的高职院校。<br>#}
{#                            <br>#}
{#                            <br>#}
{#                            <br>#}
{#                        </p>#}
{#                    </div>#}
{#                    <p><strong>结论：</strong>专科(高职)最高热度5M相对于本科最高热度20M，确实少很多。但单从专科学校看近期热度院校有开封大学及武汉职业技术学院，而山西能源职业技术学院却鲜有访问。</p>#}
{#                    <br>#}
{#                    <br>#}
{#                    <div class="d-flex text-muted pt-3 ml-2">#}
{#                        <svg class="bd-placeholder-img flex-shrink-0 me-2 rounded" width="40" height="40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#20894d"></rect><text x="50%" y="50%" fill="#ffffff" dy=".4em">3</text></svg>#}
{#                        <p class="ml-3 pb-3 mb-0 lh-sm" style="width: 90%;">#}
{#                            <strong class="d-block text-gray-dark mb-1">全国高校热度TOP10省份的前三名</strong>#}
{#                            <br>#}
{#                        <div style="margin-left:15px">{{tu10|safe}}</div>#}
{#                            <br>#}
{#                        <br>#}
{#                        - 左侧图表展示了全国高校热度TOP10的省份中热度排名前三的大学，热度的排序以周访问量与总访问量以及周访问量与总访问量的总和得出的省份为参考依据。#}
{#                        <br>#}
{#                        <br>#}
{#                        - 在全国高校top10的省份中，福建、四川和湖北位列前三，其中这些省份里面热度第一的大小分别是厦门大学、四川大学、武汉大学，与上面普通本科全国高校热度top15的图一一对应。<br>#}
{#                            <br>#}
{#                        - 还有一个很明显的特点就是，这些热度高的大学均为985/211高校。<br>#}
{#                        <br>#}
{#                        <br>#}
{#                        <br>#}
{#                        </p>#}
{#                    </div>#}
{#                    <p><strong>结论：</strong>图中发现，虽然福建省厦门大学位居全国各大高校热度榜单首位，但其第二第三名高校却与其相差较大。</p>#}
{#                    <p>关注福建的高校，大多是冲着厦门大学来的。</p>#}
{#                    <br>#}
{#                    <br>#}
{#                    <div class="d-flex text-muted pt-3 ml-2">#}
{#                        <svg class="bd-placeholder-img flex-shrink-0 me-2 rounded" width="40" height="40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#f1ca17"></rect><text x="50%" y="50%" fill="#ffffff" dy=".4em">4</text></svg>#}
{#                        <p class="ml-3 pb-3 mb-0 lh-sm" style="width: 90%;">#}
{#                            <strong class="d-block text-gray-dark mb-1">北京高校热度TOP15</strong>#}
{#                            <br>#}
{#                        <div style="margin-left:15px">{{tu16|safe}}</div>#}
{#                            <br>#}
{#                        <br>#}
{#                        - 左侧图标为北京各大高校的热度分析，热度的排序以周访问量与总访问量为参考依据。<br>#}
{#                        <br>#}
{#                        <br>#}
{#                        - 北京作为我国的首都，教育资源好，通过展示北京各大高校的访问量，有助于我们更加了解北京各大高校。<br>#}
{#                            <br>#}
{#                        - 热度最高排在首位的是北京大学、清华大学、北京邮电大学。<br>#}
{#                            <br>#}
{#                        </p>#}
{#                    </div>#}
{#                    <p><strong>结论：</strong>北京最热门的两所高校非北京大学和清华大学莫属。</p>#}
{#                    <p>值得注意的是，北京邮电大学近期热度(周访问量)有所回落，而北京工业大学及对外经济贸易大学这两所学校近期热度较高。</p>#}
{#                    <br>#}
{#                    <br>#}
{##}
{#        <footer class="mastfoot mt-auto" style="padding-top: 1px; padding-bottom: 1.5rem; text-align: center">#}
{#            <div class="inner">#}
{#                <p></p>#}
{#            </div>#}
{#        </footer>#}
{#    </div>#}
{##}
{#{% endblock content %}#}

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="https://fastly.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.36/favicon.ico">
    <link rel="canonical" href="https://getbootstrap.com/docs/3.4/examples/cover/">

    <title>交互式数据可视化 - 高校数据分析</title>

    <!-- Bootstrap core CSS -->
    <link href="{{ url_for('static',filename = 'bootstrap.min.css') }}" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="{{ url_for('static',filename = 'ie10-viewport-bug-workaround.css') }}" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="{{ url_for('static',filename = 'cover (2).css') }}" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <script src="{{ url_for('static',filename = 'ie-emulation-modes-warning.js') }}"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

  </head>

  <body>

    <div class="site-wrapper">

      <div class="site-wrapper-inner">

        <div class="cover-container">

          <div class="masthead clearfix">
            <div class="inner">
              <h3 class="masthead-brand">交互式数据可视化</h3>
{#              <nav>#}
{#                <ul class="nav masthead-nav">#}
{#                  <li class="active"><a href="#">Home</a></li>#}
{#                  <li><a href="{{ url_for('dashboard') }}">项目</a></li>#}
{#                  <li><a href="#">我的</a></li>#}
{#                </ul>#}
{#              </nav>#}
            </div>
          </div>

          <div class="inner cover">
            <h1 class="cover-heading">期末项目</h1>
            <p class="lead">本项目利用从中国教育在线抓取到的高校数据、专业数据_专科(高职)、专业数据_本科数据进行数据分析，前期对数据进行整理、清洗、重塑。借助Pyplot绘图模块对数据重塑后的结果进行绘图，展示在页面上，图表均可实现交互，上方配有分析说明，图表均可实现交互。主要分析的目标数据： 指标是“高校数据”“专业数据”“访问量”等，对时下热门的高校、专业进行一些分析，进行可视化的展示，让我们可以更加了解时下哪些学校和专业最热门，通过了解专业毕业后的平均薪资以及就业前景，让高考时在选择高校和专业的时，能够有所依据，且能够做出更正确的选择。
本项目共有9个html页面、17个图表（包含柱状图、地图、折线图、多维条形图、环形图）。</p>
            <p class="lead">
              <a href="{{ url_for('all') }}" class="btn btn-lg btn-default">Learn more</a>
            </p>
          </div>

          <div class="mastfoot">
            <div class="inner">
              <p>广州南方学院<a href="https://getbootstrap.com/">  网络与新媒体专业</a>  by <a href="https://gitee.com/yangguojuan">@杨国娟</a>.</p>
            </div>
          </div>

        </div>

      </div>

    </div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://fastly.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="https://fastly.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.36/assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="https://fastly.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.36/dist/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="https://fastly.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.36/assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>
